
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>用户登录界面</title>
</head>
<link rel="stylesheet" href="css/header.css">


<body background="resourse/bg.jpg">

<!--页头-->
<div id="header">
    <spana >&emsp;巴以小记</spana>
    <br>
    <spanb >&emsp;&emsp;81制作</spanb>
    <ul>
        <li><h2 class="comment"><a class="btna" href="sign.jsp" >注册</a></h2></li>
    </ul>
</div>
<br>


<div style="width: 100%;height: 100% ;">
    <spana style="font-size:40px; margin-left: 45%;">有心事</spana>
    <br>
    <spana style="font-size:40px; margin-left: 43%;">写巴以小记</spana>
    <div  style="width: 400px;height: 220px; box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);background-color:rgba(128,191,92,0.7);margin-left: 35%;margin-top: 1% ;position: relative;border-radius: 10px">

        <h1 style=" color: green;margin-left: 45%;">登录</h1>
        <div style="margin-left: 18%">
            <form action="/Servlet/MyServlet" method="get">
            <p><b style="color:green;">用户ID&ensp;</b><input id="user_id" name="user_id" placeholder="请输入ID号" type="text" style="width: 200px;height: 25px;border: 1px solid black;"></p>
            <p><b style="color:green;">密&emsp;码&ensp;</b><input id="user_password" name="user_password" placeholder="请输入密码" type="password" style="width: 200px;height: 25px;border: 1px solid black"></p>
            <p><input id="submit" type="submit" value="登录" onclick="a()" style="height: 25px;width: 60px;margin: 20px 40px 20px 40px;border-radius: 5px;border: 1px solid black">
                <input id="sign" type="button" value="注册"  onclick="b()" style="height: 25px;width: 60px;margin: 20px 10px 20px 10px;border-radius: 5px;border: 1px solid rgb(0,0,0)">
            </p>
            </form>
        </div>
    </div>
</div>

<script>
    function a() {
        window.location.href="main.jsp";
    }

 function b() {
        window.location.href="sign.jsp";
    }

</script>


<!--<div style="bottom:0%; width: 100%; align:center ;" >-->
<!--    <br><br><br>-->
<!--    <hr/>-->
<!--    &copy;81版权所有-->
<!--</div>-->

</body>
</html>

